<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>示例</title>
	<script src="log.js"></script>
</head>

<body>

<!--	<script>-->

<!--		var mergeCommonParams = (params, terminalInfo) => {-->
<!--			var commonParams = {-->
<!--				Mantis_operating_system: terminalInfo.operating_system-->
<!--			}-->
<!--			return Object.assign(params, commonParams);-->
<!--		}-->

<!--		log.init({-->
<!--			// path: 'https://report.xxxx.com/reportLog.do',-->
<!--			id: 'test',-->
<!--			requestingBefore: mergeCommonParams,-->
<!--			reportingBefore: params => { test: '12312312312312' }-->
<!--			// logType: ['click', 'error']-->
<!--		});-->

<!--		var setIntervalRef = void 0-->

<!--		function callbaInterval(ref, time) {-->
<!--			if (ref) {-->
<!--				setIntervalRef = ref-->
<!--			}-->
<!--			console.log('延时器实例', ref)-->
<!--			console.log('累计时长', time)-->
<!--		}-->

<!--		function clickShow() {-->
<!--			console.log('开始播放')-->
<!--			log.durationLog(callbaInterval, 3)-->
<!--		}-->

<!--		function clickClose() {-->
<!--			console.log('关闭视频')-->
<!--			clearTimeout(setIntervalRef)-->
<!--		}-->
<!--	</script>-->

	<div>点击元素测试1111</div>
	<div>点击元素测试2222</div>
	<div>点击元素测试3333</div>

	<div>
		点击元素外层
		<div>
			点击元素内层
			<button>这是一个按钮</button>
		</div>
	</div>

	<button onclick="clickShow()">这是一个打开视频播放弹框按钮</button>
	<button onclick="clickClose()">关闭视频</button>

<!--	<script>-->
<!--		fetch("http://www.example.org/example.txt", {-->
<!--			methods: 'GET',-->
<!--		})-->
<!--	</script>-->

<!--	<script>-->
<!--		const req = new XMLHttpRequest();-->
<!--		req.open("GET", "http://www.example.org/example.txt");-->
<!--		req.send();-->
<!--	</script>-->

</body>

</html>